<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NETFLIX CLONE</title>
    <link rel="stylesheet" href="style2.css">
</head>

<body>
<div class="main">
    <nav>
        <img src="/ASSETS/IMAGES/LOGO.SVG" alt="NETFLIX">
        <div>
            <button class="btn lang">English</button>
            <button class="btn btn-red-sm">Sign In</button>
        </div>
    </nav>
    <div class="box"></div>

    <div class="content">

        <span > Unlimited movies, TV shows and more </span>

        <span >Watch anywhere. Cancel anytime.</span>

        <span >Ready to watch? Enter your email to create or restart your membership.</span>

        <div class="content-buttons">
            <input type="text" placeholder="Email address">
            <button class="btn btn-red">Get Started &gt; </button>
        </div>

    </div>
    <div class="separation"></div>

</div>

<section class="first">
    <div class="text">
        <span>Enjoy on your TV</span>
        <div> Watch on smart TVs, PlayStation, Xbox,
            <br>
            Chromecast, Apple TV, Blu-ray players and more.</div>
    </div>

    <div class="secimg"><img src="/ASSETS/IMAGES/TV_NETFLIX.png" alt="">
        <video src="https://assets.nflxext.com/ffe/siteui/acquisition/ourStory/fuji/desktop/video-tv-in-0819.m4v"
               autoplay loop muted></video>
    </div>
</section>


<div class="separation"></div>


<section class="first second">

    <div class="secimg2"><img src="/ASSETS/IMAGES/MOBILE_NETFLIX.jpg" alt="">
    </div>

    <div class="text">
        <span>
            Download your shows to watch offline
        </span>
        <div>Save your favourites easily and always have
            <br>
            something to watch.</div>
    </div>

</section>

<div class="separation"></div>

<section class="first third">
    <div class="text">
        <span>Watch Everywhere</span>
        <div>Stream unlimited movies and TV shows on your
            <br>
            phone, tablet, laptop, and TV.</div>
    </div>

    <div class="secimg3">
        <img src="/ASSETS/IMAGES/DEKSTOP_NETFLIX.png" alt="">
        <video src="/ASSETS/VIDEOS/VIDEO_NETFLIX.m4v" autoplay loop muted ></video>
    </div>


</section>

<div class="separation"></div>

<section class="first fourth">
    <div class="secimg4">
        <img src="/ASSETS/IMAGES/CHILD_NETFLIX.png" alt="">
    </div>

    <div class="text">
        <span>Create profiles for kids</span>
        <span>Send children on adventures with their favourite characters in a space made just for them—free with your membership.</span>
    </div>
</section>


<div class="separation"></div>

</body>

</html>
